<template>
  <div>
    <div class="bg">
      <SearchBox></SearchBox>
      <LeftList></LeftList>
      <RightList></RightList>
      <BgChange></BgChange>
      <LoginBox></LoginBox>
      <SettingBox></SettingBox>
      <div class="beian">
        <div class="beianBox">
          <a href="https://beian.miit.gov.cn/" target="_blank">浙ICP备2023012163号-1</a>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import SearchBox from "./components/SearchBox.vue";
import LeftList from "./components/LeftList.vue";
import RightList from "./components/RightList.vue";
import BgChange from "./components/BgChange.vue";
import LoginBox from "./components/LoginBox.vue"
import SettingBox from "./components/SettingBox.vue"
export default {
  components: {
    SearchBox,
    LeftList,
    RightList,
    BgChange,
    LoginBox,
    SettingBox,
  },
  data() {
    return {

    };
  },
};
</script>


<style>
/* 清理默认样式 */
html,
body {
  width: 100%;
  height: 100%;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
ul,
ol {
  list-style-type: none;
}
textarea {
  resize: none;
}
/*去除input button默认样式*/
input,
button,
textarea {
  /* -webkit-appearance: none; */
  appearance: none;
  -webkit-tap-highlight-color: rgba(255, 225, 225, 0);
  padding: 0;
  border: 0;
  outline: 0;
}
/* 修改placeholder属性默认文字颜色 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
}
* {
  margin: 0;
  padding: 0;
  scrollbar-width: thin;
}
li {
  list-style: none;
}
a {
  list-style: none;
}
body {
  /* transition: background .2s; */
  background:  url(./assets/img/bg0.jpg);
  background-blend-mode:darken;
  background-repeat: no-repeat !important;
  /* background-attachment: fixed !important; */
  background-position: bottom !important;
  background-size: cover !important;
  overflow-y: hidden;
  overflow-x: hidden;
}
/* svg图标引入 */
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.bg{
  width: 100%;
  height: 100%;
}
.beian{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 170px;
    margin: 0 auto;
}
.beianBox{
  width: 100%;
  align-self: flex-end;
}
.beian a{
  color: rgb(69, 67, 67);
  font-size:14px ;
}
</style>

